/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body  
{
   
	background:   url(../img/green-beach-bla-backgrounds.jpg) repeat  center  fixed;
	
	/*background: #180052 url() repeat-x top;*/
	
    margin:0 ;
    padding 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100%; 
	line-height:1.0625em;
	color:black;

	
}
html { min-width:941px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	width: 1020px;
	position:relative;
	font-size:.69em;
	border: 1px solid black;
	border-radius: 15px 15px 15px 15px;
	background-color:White;
    box-shadow: -3px 3px 3px #062842;
}

	/* Header */
	header
	{
	    /* width:600px;
            height:56px;
            position:absolute;
            top:0px;
            left:25%;*/
		height:100px;
		overflow:hidden;
		position:relative;
		
		border-radius: 15px 15px 0 0;
		
	}
	
	/* Content */
	#content {
		padding:15px;
		
		
	}
	.mainContent {
		float: left;
		width:670px;
		margin-right:15px;
		background:rgba(108, 226, 108,1);
	}
	.mainContent.left {
		margin-left:15px;
		margin-right:0;
	}
	
	/* Sidebar */
	aside{
		float:left;
		width:294px;
		background:rgba(250,255,255,1);
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px;  
         background:rgba(239, 255, 254,0.4);
            
         }


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:5px 26px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:5px 26px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:17px;}
.p3 { margin-bottom:25px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#16828B; 
	outline:none;
	
}
a:hover{
	text-decoration:none;
}

span a:hover
{
    color:Green;    
}

h1 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	background:url(../img/logo.gif) no-repeat 0 0;
	padding:15px 0 15px 53px;
	text-transform:uppercase;
	font-weight:bolder;
	position:absolute;
	left:66px;
	top:24px;
}
	h1 a {
		color:#000;
		text-decoration:none;
	}
h2 {
	background:url(../img/TitleRight.png) no-repeat 0 0;
	padding:5px 0 5px 25px;
	text-transform:uppercase;
	color:green;
	font-size:20px;
	border-bottom:1px solid #cccccc;
	margin-bottom:21px;
	margin-left:10px;
	text-shadow:1px 1px 1px #000;
	
}
	h2 span {
		font-size:13px;
		display:block;
		color:Teal;
		/*color:#525252;*/
	}
h3 {
	/*background:url(../img/title-bg.gif) no-repeat 0 0;*/
	height:34px;
	line-height:34px;
	text-transform:uppercase;
	color:Green;
	font-size:15px;
	text-indent:24px;
	text-shadow:1px 1px 1px #000;
}
h4 {
	font-size:15px;
	color:black;
	text-transform:uppercase;
	margin-bottom:16px;
	padding:8px 0 0 0;
}
h5 {
	font-size:1em;
	
	
	color:black;
	/*color:#aeaeae;*/
	margin-bottom:1em;
}

.link1 { 
	background:url(../img/arrow1.gif) no-repeat 100% 5px;
	padding:0 8px 0 0;
}



/*==================boxes====================*/
.box {
	
	width:100%;
}
/*	.box .border-top {
		background:url(../img/border-top.gif) repeat-x left top;
	}
	.box .border-bot {
		background:url(../img/border-bot.gif) repeat-x left bottom;
	}
	.box .border-left {
		background:url(../img/border-left.gif) repeat-y left top;
	}
	.box .border-right {
		background:url(../img/border-right.gif) repeat-y right top;
	}
	.box .left-top-corner {
		background:url(../img/left-top-corner.gif) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(../img/right-top-corner.gif) no-repeat right top;
	}
	.box .left-bot-corner {
		background:url(../img/left-bot-corner.gif) no-repeat left bottom;
		width:100%;
		}
	.box .right-bot-corner {
		background:url(../img/right-bot-corner.gif) no-repeat right bottom;
		}*/
	.box .inside { 
		padding:0px 0px 0px 0px;
	}
		
		
		/*.box nav {
			background:url(../img/nav-bg.gif) 0 0 repeat-x;
			overflow:hidden;
			margin-bottom:1px;
			height:48px;
		}
			.box nav ul li {
				float:left;
				background:url(../img/divider.gif) no-repeat 0 0;
				padding-left:1px;
			}
			.box nav ul li.last {
				width:145px;
			}
				.box nav ul li a {
					float:left;
					font-size:13px;
					color:#fff;
					text-decoration:none;
					width:148px;
					text-align:center;
					height:47px;
					line-height:47px;
				}
				.box nav ul li a:hover, .box nav ul li a.current {
					background:url(../img/nav-bg-act.gif) 0 0 repeat-x;
				}
				*/


.box1 {
	/*background:url(../img/box1-bg.gif) 0 0 repeat-x #090909;*/
	border:1px double lightgreen;
	
	border-radius: 15px 15px 15px 15px;
	width:100%;
	
	
}
	.box1 .inner {
		padding:35px 27px 27px 27px;
		
	}
	
	


.box2 {
    background:rgba(180, 222, 246,0.5);
	width:100%;
	margin-bottom:12px;
}
.box2.last {
	margin-bottom:0;
}
	/*.box2 .border-top {
		background:url(../img/border-top1.gif) repeat-x left top;
	}
	.box2 .border-bot {
		background:url(../img/border-bot1.gif) repeat-x left bottom;
	}
	.box2 .border-left {
		background:url(../img/border-left1.gif) repeat-y left top;
	}
	.box2 .border-right {
		background:url(../img/border-right1.gif) repeat-y right top;
	}
	.box2 .left-top-corner {
		background:url(../img/left-top-corner1.gif) no-repeat left top;
	}
	.box2 .right-top-corner {
		background:url(../img/right-top-corner1.gif) no-repeat right top;
	}
	.box2 .left-bot-corner {
		background:url(../img/left-bot-corner1.gif) no-repeat left bottom;
		width:100%;
		}
	.box2 .right-bot-corner {
		background:url(../img/right-bot-corner1.gif) no-repeat right bottom;
		}*/
	.box2 .inner { 
		padding:10px 27px 5px 24px;
	}
	.box2 .inner1 { 
		padding:10px 27px 15px 24px;
	}

.address { 
	float:left;
	line-height:14px;
}
	.address dt {
		margin-bottom:16px;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:70px;
		}


.banner {
	height:240px;
	overflow:hidden;
}

/*===== content =====*/
#content .outdent {
	padding-bottom:2px;
	
}
	
	.list1 {
		padding-bottom:5px;
	}
		.list1 li {
			background:url(../img/arrow1.gif) no-repeat 0 6px;
			padding:0 0 5px 9px;
		}
			.list1 li a {
				color:#1c7e98   ;
				text-decoration:none;
			}
			.list1 li a:hover {
				text-decoration:underline;
			}
	
	.list2 {
		padding-bottom:5px;
		
	}
		.list2 li {
			background:url(../img/arrow1.gif) no-repeat 0 6px;
			padding:0 0 5px 9px;
		}
			.list2 li a {
				color:#1c7e98;
				text-decoration:none;
			}
			.list2 li a:hover {
				text-decoration:underline;
			}
	
	
		.extra-banner span {
			float:left;
			margin:0 17px 0 -16px;
			background:url(../img/extra-banner.gif) no-repeat 0 0;
			width:57px;
			height:57px;
			line-height:57px;
			color:#000;
			text-align:center;
		}

/*===== footer =====*/
footer {
	color:#000;
	font-weight:bolder;
	background:rgba(180, 222, 246,0.1);
	border-radius: 0 0 15px 15px;
	border-top:1px solid grey;
	padding:2px 5px 0 0px;
	
	width:100%;
	
}
	footer a {
		color:#16828B;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
	color:#aeaeae;
	font-weight:bold;
}
	#contacts-form .col-1 {
		width:246px !important;
		margin-right:0 !important;
	}
	#contacts-form .col-2 {
		width:246px !important;
		margin-right:0 !important;
	}
	#contacts-form label {
		display:block;
		height:44px;
		overflow:hidden;
	}
		#contacts-form input {
			color:#111;
			border:1px solid #a09b96;
			background:#fff;
			padding:2px 0 2px 5px;
			width:200px;
		}
		#contacts-form textarea {
			color:#111;
			border:1px solid #a09b96;
			background:#fff;
			padding:2px 0 2px 5px;
			width:240px;
			overflow:auto;
			height:100px;
			margin-bottom:12px;
		}
.vlinks{
	position:relative;
	float:right;}
.v{
	position:relative;
	float:left;
	width:1020px;
	height:100%;
	}
/*==========================================*/


/*Order carts*/

#panel,#flip
{
padding:5px;
text-align:center;
background:rgba(255,255,255,0.3);
border:solid 1px #19738B;
}
#panel
{
padding:50px;
display:none;
}

/*Display gridview*/



/*h1 {
    font: bold 32px Times;
	color: #666;
	text-align: center;
	padding: 20px 0;    
}*/
#container {
    width: 700px;
    margin: 10px auto;
}

.mGrid { width: 100%; background-color: #000; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #000; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #000; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }

/*button img*/

.imgbuttonsearch
{
    margin-top:-10px;
    margin-left:5px;
   
}

/*side bar*/

/*body{
  margin:0;
  padding:0 5 0 0;
 }
 div#right-sidebar{
  background: rgba(255,255,255);
  top:0;
  float:right;
  padding-top:98px;
  width:180px;
  height:100%;
  border:thin solid #FFFFFF;
  position:fixed;

 }*/
 
 
 /*Menu bar*/
 .divbar
 {
    background:Green;
    width:1020px;
    height:100%;
    
 }
 ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:16px;
	width:1020px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:85px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:85px;
	z-index:12;
	background:transparent url(../img/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:rgba(134, 235, 120, 0.4);
	top:85px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
	color:Green;
}
ul.sdt_menu li span span.sdt_link{
	color: #008080;
	font-weight:bold;
	font-size:20px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#FD1D1D;
	float:left;
	clear:both;
	width:155px; 
	font-size:10px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:170px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:rgba(119, 187, 104,0.7);
	
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#AFFCFC;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#FFF;
}



span.reference{
				position:fixed;
				left:10px;
				bottom:10px;
				font-size:14px;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			ul.sdt_menu{
				margin-top:0px;
			}
			h1.title{
				text-indent:-9000px;
				background:transparent url(title.png) no-repeat top left;
				width:633px;
				height:69px;
			}
			



/*Slider jquery*/



.wrapper2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:960px;
	height:300px;
	display:block;
	z-index:2;
	text-align:center;
	padding-bottom:50px;
}
.wrapper2 a {
	display:inline-block;
	padding:0px 5px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	text-decoration:none;
	margin:0px 5px;	
}
.wrapper2 .active-transition {
	background:#222;
	color:#fff;	
}
/*---------- Slider ----------- */

/*---------- Left and Right Triggers ----------- */
.divMuiltiSlider
{
    position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
	display:block;
	padding-top:20px;
	padding-bottom:20px;
}

#slide-prev {
	position:absolute;
	width:21px;
	height:33px;
	bottom:20px;
	left:26px;
	z-index:4;
	background:url(../img/sl-control.png) left top no-repeat;
}
#slide-next {
	position:absolute;
	width:21px;
	height:33px;
	bottom:20px;
	right:26px;
	z-index:4;
	background:url(../img/sl-control.png) left bottom no-repeat;
}

/*---------- Shadow, just for styling ----------- */
.s-shadow-b{
	/*background:url(../img/shadow.png) no-repeat top;*/
	width:876px;
	height:55px;
	position:absolute;
	left:42px;
	bottom:60px;
	z-index:1;
}
/*---------- Main Slider Container----------- */
#slider {
	width:900px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
	display:block;
}
/* Every slide must be hidden by default */
.slide { display:none; }

/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide { display:block; }

/* Container with caption's text. Must be hidden */
.slide-descriptions {
	display:none;
}

/* Container with caption, must be hidden by default */
.caption {
	background: /*url("../img/d-bg.png") repeat scroll 0 0 transparent*/ rgba(17, 26, 23,0.3);
    color: #FFFFFF;
    display: none;
    height: 260px;
    padding: 20px;
    position: absolute;
    right: 30px;
    top: 3px;
    width: 180px;
    z-index: 3;
}
.full-3D {
	right: 40px;
    top: 580px;
    width: 840px;
	height:20px;
}
/* Container with Pagination buttons */
.pagination {
	bottom: 30px;
    left: 345px;
    margin-top: 50px;
    position: absolute;
    text-align: center;
}
.slider-pagination {
	display:inline-block;
	width:15px;
	height:10px;
	background:url(../img/navi.png) no-repeat left bottom;
	margin:0 10px;
	cursor:pointer;
	position:relative;
	z-index:200;
}
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */
.cs-active-pagination {
	background:url(../img/navi.png) no-repeat left top;
}

/* Multiple SLiders */
.slider-2 {
	padding-top:0;
	margin-top:20px;
}
#slider-1, #slider-2 {
	width:900px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
	display:block;
}
.cs-activeSlide-2 {
	display:block
}
.cs-active-pagination-2 {
	background:url(../img/navi.png) no-repeat left top;
}

/*Div home*/
.divHomeDomain
{
    float:left;
    width:45%;
    
    
    padding-top:5px;
    padding-left:5px;
    margin-top:5px;
    margin-left:5px;
}

.divDomainInner
{
    margin-right:10px;
    padding:40px 10px 10px 20px;    
    background:rgba(56, 126, 40,0.2);
    border-radius:15px 15px 15px 15px;
    height:100%;
    
}

.divDomainCheckBox
{
    padding:15px 0 0 15px;    
}

tbody
{
       display: table-row-group;
        vertical-align: middle;
        border-color: inherit; 
}


.divHomeHosting
{
    float:left;
    width:52%;
    
    padding-top:5px;
    padding-left:5px;
    margin-top:5px;
    margin-left:5px;
}

.divHomeInfor
{
   background: url("../img/Title.png");
    background-repeat:no-repeat;  
    float:left;
    width:100%;
    padding-top:25px;
    padding-left:5px;
    margin-top:5px;
   
    margin-top:-14px; 
    margin-bottom:20px;
}

.divHomeNews
{
    margin-left: 13px;
    float:left;
    width:96%;
    padding-bottom:20px;
    margin-top:20px;
      border: 1px double green;
    border-radius:15px 15px 15px 15px;
    
}
.divHomeTitle
{
    font-family:.VnArial;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
    margin-left:100px;
    color:#fff;
    margin-top:-5px;
    padding-bottom:40px;
 }
 
.divHomeContent
{
    width:100%;
    border:2px douple green; 
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:10px;   
    padding-left:10px;
}

.divMasterFooter
{
    background:rgba(131, 199, 116,0.7);   
    width:1000px;
    height:30px;
    margin-top:0px;
    color:White;
    font-size:20px;
    padding:5px 0 0 20px;
    text-align:center;
}
.diArtilesNew
{
   margin-left: 13px;
    float:left;
    width:38%;
    height:200px;
    padding-bottom:20px;
    margin-top:30px;
      border: 1px double green;
    border-radius:15px 15px 15px 15px;     
    display:block;
}


.divArticles
{
    
    background-repeat:repeat-x;  
    float:left;
    width:100%;
    padding-top:25px;
    padding-left:5px;
    margin-top:5px;
    height:auto;
    margin-top:-14px; 
    margin-bottom:20px;
}

.divTitleAticles
{
    font-family:.VnArial;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
    margin-left:100px;
    color:Green;
    margin-top:-5px;
    padding-bottom:20px;
}

.divGrouparticles
{
    float:left; 
    width:200px; 
    height:500px;    
    background:rgba(116, 186, 100,0.6);
    margin-top:50px;
    border-radius:15px 15px 15px 15px;
    padding-left:5px;
    padding-top:5px;
    color:White;
    font-size:large;
    text-decoration:none;
}

.ulbackgroud
{
   
    font-weight:bold;
    background: url("../img/LeftNavGroupArticles.jpg") repeat-x left;
    width:160px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    margin-top:10px;
    margin-left:10px;
    border-radius:15px 15px 15px 15px;
}

/*Arlert*/

.wPromptOverlay{
	background: black;
   
   /* Firefox,.. */
   opacity: .7;
   /* Firefox,.. */
   
   /* IE 8 */
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   /* IE 8 */
   
   /* IE 6,7 */
   filter: alpha(opacity=50);
   /* IE 6,7 */
   
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999;
}
.wPrompt{
	color:#222222;
	font-size:12px;
	position:fixed;
	z-index:9999;
}
.wPromptAbsolute{
	position:absolute;
}
.wPromptWrapper{
	background: url("bg_prom.gif") no-repeat;
	float:left;
   position: absolute;
   z-index: 1;
}
.wPromptWrapper .close{
	background:url("icon-close-1.png") no-repeat 0px 0px;
	display:block;
	float:right;
	width:23px;
	height:23px;
   position: absolute;
   z-index: 2;
   top: 0px;
   left: 690px;
}
.wPromptLoadedContent{
	margin-bottom:5px;
	overflow:auto;
	float:left;
}
.wPromptTitle{
	color:#e97d13;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	margin-bottom:5px;
	padding-right:5px;
	padding-bottom:40px;
}
.wPromptContent{
	padding-right:5px;
}
.wPromptAlert, .wPromptConfirm{
	padding:5px 30px 0px 55px;
}
.wPromptAlert{
	background:url(icon_warning.gif) no-repeat 8px 5px;
}
.wPromptConfirm{
	background:url(icon_confirm.gif) no-repeat 8px 5px;
}
.wPromptAlertButton, .wPromptConfirmButton{
	margin-top:20px;
	text-align:center;
}
.wPromptInputButton{
	font-weight:normal;
}
.wPromptComment{
	color:#949494;
	float:left;
	line-height:22px;
}
.wPromptIframe{
	border:none;
	display:block;
	width:100%;
	height:100%;
}

/*
	windowPromptAlert
*/
.wPromptWrapperAlert{
	background: #ffffff;
	float:left;
   position: absolute;
   z-index: 1;
   box-shadow: 0px 1px 6px 1px #333333;
}
.wPromptWrapperAlert .title{
	/*background: url("bg_title.gif") repeat-x;*/
	height:39px;
	line-height: 39px;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
}
.wPromptWrapperAlert .close{
	background:url("../img/icon_close_2.png") no-repeat 0px 0px;
	display:block;
	float:right;
	width:17px;
	height:17px;
   position: absolute;
   z-index: 2;
   top: 10px;
   right: 10px;
}

/*Hosting Pricing table*/
.DivHostingAroud
{
    float:left;
    width:100%;
    border:thin solid black;    
    height:100%;
}

.TopTitle
{
    padding-top: 8px;
    height: 32px;
    border-bottom: solid 1px #E8851E;
    background-color: #EC9D27;
    text-align:center;
}

.BottomTitle
{
    padding-top: 5px;
    height: 53px;
    border-top: solid 1px #F9DE5D;
    background-color: #F1B734;
    text-align:center;
    padding-left:3px;
    padding-right:3px;      
}

.LeftTitle
{
    padding-top:5px;
    height:70px;
    text-align:center;
    padding-top:30px;    
    width:80px;
    border-top: solid 1px #F9DE5D;
    background-color: #F1B734;
}